<div id="sidebar"><div id="sidebar-wrapper"> <!-- Sidebar with logo and menu -->

        <h1 id="sidebar-title"><a href="#">Simpla Admin</a></h1>

        <!-- Logo (221px wide) -->
        <a href="/"><img id="logo" src="/resources/images/nosql-logo.png" alt="NoSQL Blog" /></a>

        <!-- Sidebar Profile links -->
        <div id="profile-links">
            <img src="<?php echo $this->showUserImage($this->userObj->username); ?>" alt="" width="48px;" height="48px;"/>
            <br />
    				Bienvenido, <a href="#" title="Edit your profile"><?php echo $this->userObj->username; ?></a><br />
            <br />
            <a href="/" title="Regresar al sitio">Ver el sitio</a> | <a href="/admin/login/logout" title="Sign Out">Cerrar Sesion</a>
        </div>

        <ul id="main-nav">  <!-- Accordion Menu -->

            <li>
                <a href="/admin/index" class="nav-top-item no-submenu <?php echo $this->sideBarMenu(Admin_View_Helper_SideBarMenu::ADMIN_MENU_INDEX, $this->sidebarMenu); ?>"> <!-- Add the class "no-submenu" to menu items with no sub menu -->
                    Inicio
                </a>
            </li>

            <li>
                <a href="/admin/users" class="nav-top-item no-submenu <?php echo $this->sideBarMenu(Admin_View_Helper_SideBarMenu::ADMIN_MENU_USERS, $this->sidebarMenu); ?>"> <!-- Add the class "current" to current menu item -->
    					Usuarios
                </a>
            </li>

            <li>
                <a href="/admin/category" class="nav-top-item no-submenu <?php echo $this->sideBarMenu(Admin_View_Helper_SideBarMenu::ADMIN_MENU_CATEGORY, $this->sidebarMenu); ?>"> <!-- Add the class "current" to current menu item -->
    					Categorias
                </a>
            </li>

            <li>
                <a href="/admin/post" class="nav-top-item no-submenu <?php echo $this->sideBarMenu(Admin_View_Helper_SideBarMenu::ADMIN_MENU_POST, $this->sidebarMenu); ?>"> <!-- Add the class "current" to current menu item -->
                                        Artículos
                </a>
            </li>

        
        </ul> <!-- End #main-nav -->

        <div id="messages" style="display: none"> <!-- Messages are shown when a link with these attributes are clicked: href="#messages" rel="modal"  -->

            <h3>3 Messages</h3>

            <p>
                <strong>17th May 2009</strong> by Admin<br />
    					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
                <small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
            </p>

            <p>
                <strong>2nd May 2009</strong> by Jane Doe<br />
    					Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.
                <small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
            </p>

            <p>
                <strong>25th April 2009</strong> by Admin<br />
    					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
                <small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
            </p>

            <form action="#" method="post">

                <h4>New Message</h4>

                <fieldset>
                    <textarea class="textarea" name="textfield" cols="79" rows="5"></textarea>
                </fieldset>

                <fieldset>

                    <select name="dropdown" class="small-input">
                        <option value="option1">Send to...</option>
                        <option value="option2">Everyone</option>
                        <option value="option3">Admin</option>
                        <option value="option4">Jane Doe</option>
                    </select>

                    <input class="button" type="submit" value="Send" />

                </fieldset>

            </form>

        </div> <!-- End #messages -->

    </div></div> <!-- End #sidebar -->
